<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="./js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
		$(function(){
			// 1 获取  0 设置
			// $("li:contains(5)").css("color","red")
			// $("li:has(span)").css("color","green")
			// $("li:has(.span)").css("color","green")//class
			// 	$("li:empty").css("color","blue") //没东西
			// 		$("li:parent").css("color","#798798")//有东西
					
			// 		$("div:visible").css("color","red")//display:none
			// 		$("div:hidden").css("color","red")
			// 		$(".div").Attr("class")
			// 		console.log(id)
			// 		$(".div").attr("data-id","2")
			// 		var cha1=$(":checkbox:eq(0)").arrt("checked")
			// 		console.log(typeof cha1)
			// 		if(cha1==="checked"){
						
			// 		}
					
			// 			var ch2=$(":checkbox:eq(3)").prop("checked")
			// 			console.log(ch2)
			// 			if(ch2===true){
							
			// 			}
			// 		var ch2=$(":checkbox:eq(3)").prop("checked",false)
					// 0 获取  1//设置
					//ml html代码
					// text() 文本内容
					//al()  交互控件的值
					console.log($(".div").html())
					console.log($(".div").text())
					console.log($(":checkbox:eq(0)").val())
					
		})
		</script>
	</head>
	<body>
		<div class="div" data-id="1">divdiv</div>
		<input type="checkbox" checkbox value="足球" />
		<input type="checkbox"  checkbox=""/>
		<input type="checkbox" checkbox="checked" />
		<input type="checkbox" checkbox="98989" />
		<!-- <ul>
			<li>列表1</li>
			<li >列表2</li>
			<li><span class="span">列表3</span></li>
			<li>列表4</li>
			<li>列表5</li>
		
		
				
				
			
			
			
		</ul>
		
		<div>
			<div style="width: 100px;height: 100px; background-color: aqua;display: none;">
		          1
		    </div>
			<div style="width: 100px;height: 100px; background-color: #666666;visibility: hidden;">
				2	
			</div>
		
		</div> -->
	</body>


</html>
